﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfIndex.aspx.cs" Inherits="msBsc.WebUi.mfIndex" %>

<!DOCTYPE HTML>
<html>
<head> 
    <title>手机优速购商城</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mhome.css" charset="gbk" />
    <%=getBodyBeforeJs()%> 
    <script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
        }); 
    </script>
    <!--head fix rgn-->
    <style type="text/css">    
    </style>
    <base target="_self"/>
</head>
<body>



<div class="viewport">
<%=omQtHtmlGet.GetHeaderTopHtml(true, true)%> 

    <%=new msBsc.WebUi.Code.PageHtmlGet().GetPageJavaScript("M00") %>
<div class="floor slider-floor">
    <div id="slider" class="slider" style="overflow:hidden;width: 100%;height:100%;">
        <textarea id="ad_list_temp" style="display: none;">  
        {{# for(var i=0,len=d.col.rows.length;i < len;i++){}}
        {{# if(d.col.rows[i].col_nme=='头部动画'){}}
        <ul  class="slider_touch" style="font-size: 0; width: 100%; margin: 0; padding: 0; 
            left: 0px; position: relative;white-space: nowrap; ">
            {{# if(d.col.rows[i].col_ad_img1!=''){}}
            <li class="selected" style="" pnum="0"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img1}} 840x320img.jpg" /></a></li>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img2!=''){}}
            <li class="" style="" pnum="1"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img2}} 840x320img.jpg" /></a></li>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img3!=''){}}
            <li class="" style="" pnum="2"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img3}} 840x320img.jpg" /></a></li>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img4!=''){}}
            <li class="" style="" pnum="3"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img4}} 840x320img.jpg" /></a></li>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img5!=''){}}
            <li class="" style="" pnum="4"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img5}} 840x320img.jpg" /></a></li>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img6!=''){}}
            <li class="" style="" pnum="5"><a href='javascript:void(0);'><img style="z-index: 1; height: auto; max-width: 840px; min-width: 320px; width: 100%" src="{{d.col.rows[i].col_ad_img6}} 840x320img.jpg" /></a></li>
            {{#}}}
        </ul>
        <div id="serial-number" class="serial-number" style="z-index:1;  ">
            {{# if(d.col.rows[i].col_ad_img1!=''){}}
		    <span class="point  selected " pnum="0"></span>
            {{#}}}
            {{# if(d.col.rows[i].col_ad_img2!=''){}}
		    <span class="point " pnum="1"></span>
            {{#}}} 
            {{# if(d.col.rows[i].col_ad_img3!=''){}}
		    <span class="point " pnum="2"></span>
            {{#}}} 
            {{# if(d.col.rows[i].col_ad_img4!=''){}}
		    <span class="point " pnum="3"></span>
            {{#}}} 
            {{# if(d.col.rows[i].col_ad_img5!=''){}}
		    <span class="point " pnum="4"></span>
            {{#}}} 
            {{# if(d.col.rows[i].col_ad_img6!=''){}}
		    <span class="point " pnum="5"></span>
            {{#}}} 
		 </div>
        {{# }}}
        {{# }}}
    </textarea>
    </div>
</div>
        			  <h2 class="  " style="height:25px;width:192px;background-image:url(/themes/Style1/Image/floorhot167-18.png);background-repeat:no-repeat;background-position:0 1px;"> </h2> 
                	            <div class="floor seckill-floor"> 
                  
				<div class="title-wrap" style=" background-color:#fff; ">
                    <div style="display: block; position: relative; left: 0px; top: 0px;">
                        <div class="brandbtn-left" style="">
                            <span style="position: absolute;  bottom:50%; padding-left: 2px;">&lt;
                            </span>
                        </div>
                        <div class="brandbtn-right" style="">
                            <span style="position: absolute;  bottom:50%; padding-left: 2px;">&gt;
                            </span>
                        </div>
                        <div style="display: block; z-index: 1; margin-left: 15px; margin-right: 15px; overflow: hidden;
                             position: static;">
                            <ul class="seckill-list brandbtn-list" style="left: 0px; white-space: nowrap;  overflow:hidden;">
                            <%=GetBrandHtml()%> 
                            </ul>
                        </div>
                    </div>
                </div>
        <textarea id="brand_list_temp" style="display: none;">  
        {{# for(var i=0,len=d.col.rows.length;i < len;i++){}}
        {{# if(d.col.rows[i].col_nme=='热门品牌'){}}
    <ul class="seckill-list">
        {{# for(var r=0,lenr=d.col.rows[i].rows.length;r < lenr && r < 3;r++){}}
    <li class="seckill-item"><a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[r].goods_id}}" class="seckill-link"> <img width="100%" src="{{d.col.rows[i].rows[r].goods_new_img}} 163x163img.jpg" border="0" class="seckill-photo" /> </a><span class="seckill-price">&yen;{{d.col.rows[i].rows[r].new_price}} </span><span class="seckill-discount"> </span></li>
        {{# }}}
    </ul>
    <ul class="seckill-list">
        {{# for(var r=3,lenr=d.col.rows[i].rows.length;r < lenr && r < 6;r++){}}
    <li class="seckill-item"><a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[r].goods_id}}" class="seckill-link"> <img width="100%" src="{{d.col.rows[i].rows[r].goods_new_img}} 163x163img.jpg" border="0" class="seckill-photo" /> </a><span class="seckill-price">&yen;{{d.col.rows[i].rows[r].new_price}} </span><span class="seckill-discount"> </span></li>
        {{# }}}
    </ul>
        {{# }}}
        {{# }}}
    </textarea> 
            </div>
    <script type="text/javascript">
        function initSlider() {
            var timer1 = null;
            function timerdo1() {
                $("#slider .slider_touch .selected").animate({ marginLeft: '-100%' }, 600, function () {
                    var _self = $(this);
                    var _next = $(this).next();
                    var _tm1 = $("#slider .slider_touch li").last();
                    if (_self != _tm1) {
                        _self.removeClass("selected");
                        _next.addClass("selected");
                        _tm1.after(_self);
                        _self.css('margin-left', '0px');
                        $("#slider .serial-number .selected").removeClass("selected");
                        $("#slider .serial-number .point[pnum='" + _next.attr("pnum") + "']").addClass("selected");
                    }
                });
            }
            timer1 = setInterval(function () { timerdo1(); }, 5000);
        };
        var tpl01 = HtmlUtil.htmlDecode($('#ad_list_temp').html());
        laytpl(tpl01).render(pageData, function (render) { 
            $('#ad_list_temp').after(render).remove();
            initSlider();
        });

        var tpl02 = HtmlUtil.htmlDecode($('#brand_list_temp').html());
        laytpl(tpl02).render(pageData, function (render) {
            $('#brand_list_temp').after(render).remove(); 
        });

        function initBrandbtn() {
            $(".brandbtn-left").click( function () {
                var _self = $(".brandbtn-list li").first(); 
                var _tm1 = $(".brandbtn-list li").last();
                if (_self != _tm1) { 
                    _self.before(_tm1); 
                }
            });
            $(".brandbtn-right").click( function () {
                var _self = $(".brandbtn-list li").first(); 
                var _tm1 = $(".brandbtn-list li").last();
                if (_self != _tm1) {
                    _tm1.before(_self); 
                }
            });
        };
        initBrandbtn();
    </script> 

    <h2 class="  " style="height: 25px; width: 192px; font-weight: bold;">
        精选市场
    </h2>
    <div id="theme7" class="floor activity-floor">
        <ul class="activity-list">
            <li class="activity-item"><a href="javascript:void(0);" class="activity-link" style="background: none repeat scroll 0 0 #fff;">
                <div style="height: 1px; position: relative; text-align: right; width: 100%;">
                    <img style="" width="33%" src="http://img10.360buyimg.com/n4/jfs/t661/209/504673278/35390/fa2f8097/546c39d9N640651de.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t589/238/496033676/36189/c5ae7e80/546c39edN14bcc3c9.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t598/283/1040031972/10467/499600a5/54a3d504N3d56ae08.png!q70.jpg"
                        border="0" class="activity-photo" />
                </div>
                <img src="http://img30.360buyimg.com/mobilecms/jfs/t580/139/1017777505/4489/dbacc207/54a3bc21N50a5ae58.jpg"
                    alt="美食" class="activity-img" width="100%" border="0" />
            </a></li>
            <li class="activity-item"><a href="javascript:void(0);" class="activity-link" style="background: none repeat scroll 0 0 #fff;">
                <div style="height: 1px; position: relative; text-align: right; width: 100%;">
                    <img style="" width="33%" src="http://img10.360buyimg.com/n4/jfs/t478/5/198165965/33418/427aeaa1/546c3a70N963a1874.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t499/82/474790292/34737/e596e565/546c3a88N7954a5c0.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t697/190/341638973/9527/6dda2a67/54a3d511N8142b267.png!q70.jpg"
                        border="0" class="activity-photo" />
                </div>
                <img src="http://img30.360buyimg.com/mobilecms/jfs/t694/117/1025026921/7474/20f62a4b/54a3bc3cNb5a3a424.jpg"
                    alt="服饰鞋包" class="activity-img" width="100%" border="0" />
            </a></li>
            <li class="activity-item"><a href="javascript:void(0);" class="activity-link" style="background: none repeat scroll 0 0 #fff;">
                <div style="height: 1px; position: relative; text-align: right; width: 100%;">
                    <img style="" width="33%" src="http://img10.360buyimg.com/n4/jfs/t547/195/493214508/35583/c1607ac/546c3a9cN7b7dc336.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t475/105/714379126/32021/69381afa/548034ddN9ccbe817.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t736/233/356273889/13640/37de0097/54a3d520N839cc7fb.png!q70.jpg"
                        border="0" class="activity-photo" />
                </div>
                <img src="http://img30.360buyimg.com/mobilecms/jfs/t646/22/1016746376/7738/32aae8ad/54a3c818Nb3fb9d7a.jpg"
                    alt="母婴之家" class="activity-img" width="100%" border="0" />
            </a></li>
            <li class="activity-item"><a href="javascript:void(0);" class="activity-link" style="background: none repeat scroll 0 0 #fff;">
                <div style="height: 1px; position: relative; text-align: right; width: 100%;">
                    <img style="" width="33%" src="http://img10.360buyimg.com/n4/jfs/t574/89/883366093/32049/445c1ae4/5493dae3Na29e1307.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t493/64/880787642/30780/76300755/5493daf1N032e705a.png!q70.jpg"
                        border="0" class="activity-photo" />
                    <img style="display: none;" width="33%" src="http://img10.360buyimg.com/n4/jfs/t478/325/746247215/6175/b4f88a82/54a3d62bN10d94bac.png!q70.jpg"
                        border="0" class="activity-photo" />
                </div>
                <img src="http://img30.360buyimg.com/mobilecms/jfs/t658/197/1012088911/7219/3c101008/54a3bc82Nf56862dc.jpg"
                    alt="个护美妆" class="activity-img" width="100%" border="0" />
            </a></li> 
        </ul>
        <div class="activity-clear">
        </div>
    </div>


    
    <h2 class="  " style="height: 25px; width: 192px; font-weight: bold;">
        更多精彩
    </h2>
    <div class="floor discount-floor"> 
        <textarea id="more_list_temp" style="display: none;">  
        {{# for(var i=0,len=d.col.rows.length;i < len;i++){}}
        {{# if(d.col.rows[i].col_nme=='更多精彩'){}}
                <div class="discount">
                    <a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[0].goods_id}}" class="discount-link half-floor">
                        <img src="{{d.col.rows[i].rows[0].goods_new_img}} 320x348img.jpg" alt="" width="100%" border="0" class="brand-photo" />
                    </a>
                    <a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[1].goods_id}}" class="discount-link up-floor">
                        <img src="{{d.col.rows[i].rows[1].goods_new_img}} 320x173img.jpg" alt="" width="100%" border="0" class="brand-photo" />
                    </a>
                    <a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[2].goods_id}}" class="discount-link down-floor">
                        <img src="{{d.col.rows[i].rows[2].goods_new_img}} 320x173img.jpg" alt="" width="100%" border="0" class="brand-photo" />
                    </a>
                </div>
    <ul class="seckill-list">
        {{# for(var r=3,lenr=d.col.rows[i].rows.length;r < lenr && r < 6;r++){}}
    <li class="seckill-item"><a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[r].goods_id}}" class="seckill-link"> <img width="100%" src="{{d.col.rows[i].rows[r].goods_new_img}} 163x163img.jpg" border="0" class="seckill-photo" /> </a><span class="seckill-price">&yen;{{d.col.rows[i].rows[r].new_price}} </span><span class="seckill-discount"> </span></li>
        {{# }}}
    </ul>
    <ul class="seckill-list">
        {{# for(var r=6,lenr=d.col.rows[i].rows.length;r < lenr && r < 9;r++){}}
    <li class="seckill-item"><a href="/mp_GoodsView.htm?ID={{d.col.rows[i].rows[r].goods_id}}" class="seckill-link"> <img width="100%" src="{{d.col.rows[i].rows[r].goods_new_img}} 163x163img.jpg" border="0" class="seckill-photo" /> </a><span class="seckill-price">&yen;{{d.col.rows[i].rows[r].new_price}} </span><span class="seckill-discount"> </span></li>
        {{# }}}
    </ul>
        {{# }}}
        {{# }}}
    </textarea>  
            </div>
    		        	
    <script type="text/javascript">
        var tpl03 = HtmlUtil.htmlDecode($('#more_list_temp').html());
        laytpl(tpl03).render(pageData, function (render) {
            $('#more_list_temp').after(render).remove();
        }); 
    </script>  
    		        	</div>
						
                        <%=omQtHtmlGet.getGoodsClassHtml()%>
</body>
<%=getBodyAfterJs() %>
</html>  


 